<template>
<div>
    <div class="top-img">
        <img src="../../assets/img/头部.png" alt="">
    </div>
    <div class="ar-top">
        <router-link :to="'/mine'"><img src="../../assets/img/向左箭头.png" alt=""></router-link>
        <span class="ar-title">管理收货地址</span>
        <router-link :to="'/newad'"><span class="ar-text1">新建</span></router-link>
    </div>
    <div class="ar-main">
        <span class="ar-text1">我的收货地址</span>
        <div class="ar-item">
            <span class="ar-text2">小慕</span>
            <span class="ar-text3">18911023261</span>
            <div class="ar-bottom">
               <div class="ar-left"><span class="ar-text4">金华市婺城区海棠西路888号金华职业技术学院</span></div> 
              <router-link :to="'/ctrl'"> <div class="ar-right"><img src="../../assets/img/箭头.png" alt=""></div></router-link>
            </div>
        </div>
        <div class="ar-item">
            <span class="ar-text2">小慕</span>
            <span class="ar-text3">18911023261</span>
            <div class="ar-bottom">
               <div class="ar-left"><span class="ar-text4">金华市婺城区海棠西路888号金华职业技术学院</span></div> 
               <div class="ar-right"><img src="../../assets/img/箭头.png" alt=""></div>
            </div>
        </div>
    </div>
</div>
</template>
<!-- <script>
import {
    navData
  } from "@/untils/nav"
  export default{
    setup(){
        return{
            navData
        }
    }
  }
</script> -->
<style>
.top-img img{
    width: 100vw;
}
.ar-top{
    display: flex;
    justify-content: space-between;
    width: 100vw;
    margin-top: 10px;
    align-items: center;
}
.ar-top img{
    width: 20px;
}
.ar-main{
    background-color: #eee;
    width: 100vw;
    height: 100vh;
}
.item{
    display: none;
}
.ar-item{
    margin-left: 10vw;
    margin-top: 20px;
    background-color: white;
    width: 300px;
    height: 100px;
    align-items: center;
    justify-content: center;
    
}
.ar-bottom img{
    width: 20px;
}
.ar-bottom{
    display: flex;
    justify-content: center;
    margin-left: 5vw;
}
.ar-left{
    width: 60vw;
}
.ar-right{
    width: 30vw;
    margin-left: 20px;
    
}
.ar-text2{
    margin-left: 40px;
    margin-top: 20px;
}
.ar-text3{
    margin-left: 50px;
    margin-top: 20px;
}
</style>